<style>
    .copybuttom{ margin-top: 225px;
        margin-left: 86px;
        width: 200px;
        height: 55px;
        display: block;
        border-radius: 5px;}
    .copybuttom:hover{
        background:rgba(255,255,255,0.2);
    }
    .fb1 {
        height: 448px;
        background: url('<?php echo BASE_SITE_URL ?>/html/images/fd/fd1.jpg') top center no-repeat;
    }
    .fb2 {
        height: 448px;
        background: url('<?php echo BASE_SITE_URL ?>/html/images/fd/fd2.jpg') top center no-repeat;
    }
    .fb3 {
        height: 347px;
        background: url('<?php echo BASE_SITE_URL ?>/html/images/fd/fd3.jpg') top center no-repeat;
    }
	.fb3 img{
		width: 125px;
		height: 125px;
		margin-left: 310px;
		margin-top: 67px;
		margin-bottom: 10px;
		float: left;
		clear: both;
		background: #fff;
	}
    .fb4 {
        height: 695px;
        background: url('<?php echo BASE_SITE_URL ?>/html/images/fd/fd4.jpg') top center no-repeat;
    }
    .fb4 .tablebox {
        width: 1000px;
        margin: 85px auto 0;
    }
    .fb4 .tablebox h1 {
        font-size: 26px;
        color: #dab866;
    }
    .fb4 .tablebox small {
        margin-left: 30px;
        font-weight: normal;
    }
    .fb4 .tablebox .innerbox {
        margin-top: 40px;
    }
    .fb4 .tablebox .innerbox table {
        width: 980px;
        text-align: center;
    }
    .fb4 .tablebox .innerbox table td {
        padding: 0px 0px 30px;
        font-size: 18px;
        color: #666666;
    }
    .fb4 .tablebox .innerbox table .orange {
        color: #dab866;
    }
    .fb4 .tablebox .tbtable {
        width: 980px;
        text-align: center;
    }
    .fb4 .tablebox .tbtable td {
        padding: 0px 0px 30px;
        font-size: 18px;
        color: #666666;
        text-align: center;
    }
    .fb4 .tablebox .tbtable .orange {
        color: #dab866;
    }
    .fb5 {
        height: 592px;
        background: url('<?php echo BASE_SITE_URL ?>/html/images/fd/fd5.jpg') top center no-repeat;
    }


</style>
<div class="fb_spec">

    <div class="fb1"></div>
    <div class="fb2">
        <div class="col">

            <a href="" class="copybuttom copy" title="复制地址" data-link="<?php echo $output['reg'] ?>"></a>
        </div>
    </div>
    <div class="fb3">
		<div class="col">
			<img src="<?php echo $output['invite_img'] ?> ">
		</div>
	</div>
    <div class="fb4">
        <div class="col">
            <div class="tablebox">
                <h1>我的邀请记录<small>已累计获得积分：0</small></h1>
                <div class="innerbox">
                    <table>
                        <tr>
                            <td width="25%" class="orange">被邀请账户</td>
                            <td width="50%" class="orange">邀请时间</td>
                            <td width="25%" class="orange">获得积分</td>
                        </tr>
                    </table>
                </div>
                <div id="scrollbar1">
                    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
                    <div class="viewport">
                        <div class="overview">

                            <table class="tbtable">
                                <?php foreach ($output['invite'] as $value) { ?>
                                <tr>
                                    <td width="25%"><?php echo $value['user'] ?></td>
                                    <td width="50%"><?php echo date('Y-m-d H:i:s', $value['invite_time']) ?></td>
                                    <td width="25%" class="orange">+20</td>
                                </tr>
                                <?php }  ?>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="fb5"></div>

</div>

<link rel="stylesheet" href="<?php echo BASE_SITE_URL ?>html/resource/js/tinyscrollbar/tinyscrollbar.css">
<script src="<?php echo BASE_SITE_URL ?>html/resource/js/tinyscrollbar/jquery.tinyscrollbar.min.js"></script>
<script src="<?php echo BASE_SITE_URL ?>html/resource/js/jquery.zclip.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#scrollbar1').tinyscrollbar();
		
		$(".copy").zclip({
			path: "<?php echo BASE_SITE_URL ?>html/resource/js/ZeroClipboard.swf",
			copy: function(){
				return $(".copy").eq(0).data("link");
			},
			afterCopy:function(){
			   //console.log("ok")
			   showDialog('复制成功！','succ')
			}
		});
	
	
    });
</script>


